<template>
     <div class="regirst">
        <h2>elm后台管理系统-注册</h2>
        <div class="login-box">
            <el-input v-model="user" placeholder="请输入用户名"></el-input>
            <el-input v-model="password" placeholder="请输入密码"></el-input>
            <el-button type="warning" round>注册</el-button>
            <router-link tag='span' to='/login'>登录</router-link>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            user:'',
            password:''
        }
    }
}
</script>
<style scoped lang='stylus'>
.regirst
     position absolute
     top 0
     left 0
     width 100%
     height 100%
     background-image  url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570638729837&di=cb3a9ae213a0ec86978f56e3c04b5ad0&imgtype=0&src=http%3A%2F%2Fwww.35ui.cn%2Fupload%2F201003250855568881.jpg')
     background-size 100% 100%
     h2
       font-size: 34px;
       color: #fff;
       text-align center
       margin-top 120px
       margin-bottom 50px
    .login-box
       width 320px;
       height 210px
       padding 25px
       margin 0 auto
       border-radius 15px
       .el-input
           margin-bottom 25px
       .el-button
           width 100%
           font-size 18px
           margin-bottom 20px
        span 
            display inline-block
            width 40px
            height 20px
            float right
            cursor pointer
            color #fff
            opacity 0.7

</style>